---
title: Миграция существующего проекта на Astro
description: Несколько советов и рекомендаций по переводу вашего сайта на Astro.
sidebar:
  label: Описание процесса переноса сайта
i18nReady: true
---
import MigrationGuidesNav from '~/components/MigrationGuidesNav.astro';

**Готовы преобразовать свой сайт в Astro?** Советы по миграции см. в наших руководствах.

## Руководства по миграции

<MigrationGuidesNav />

Обратите внимание, что многие из этих страниц являются **заглушками**: они представляют собой коллекции ресурсов, которые ждут вашего участия!

## Почему стоит мигрировать на Astro?

Astro предоставляет множество преимуществ: производительность, простота и множество нужных вам функций, встроенных прямо во фреймворк. Когда вам понадобится расширить свой сайт, Astro предоставляет несколько [официальных и сторонних интеграций сообщества](https://astro.build/integrations).

Миграция может быть проще, чем вы думаете!

В зависимости от существующего проекта, вы можете использовать существующие:

- [UI компоненты фреймворка](/ru/guides/framework-components/) непосредственно в Astro. 

- [CSS стили или библиотеки](/ru/guides/styling/), включая Tailwind.

- [Markdown/MDX файлы](/ru/guides/markdown-content/), настроенные с использованием ваших существующих [плагинов remark и rehype](/ru/guides/markdown-content/#markdown-plugins).

- [Контент из CMS](/ru/guides/cms/) через интеграцию или API.


## Какие проекты можно конвертировать в Astro?

[Многие существующие сайты можно создать с помощью Astro](/ru/concepts/why-astro/). Astro идеально подходит для ваших существующих сайтов на основе контента, таких как блоги, целевые страницы, маркетинговые сайты и портфолио. Astro интегрируется с несколькими популярными headless CMS и позволяет подключать корзины интернет-магазинов.

Astro позволяет выбирать между статически генерируемым сайтом и [рендерингом на стороне сервера (SSR)](/ru/guides/on-demand-rendering/), что делает его отличной заменой для SSG или для сайтов, которые должны получать некоторые данные страницы на лету.

## Как изменится дизайн моего проекта?

В зависимости от вашего существующего проекта, вам может потребоваться мыслить иначе в отношении:

- Проектирование в [Astro Islands](/ru/concepts/islands/#что-такое-островок), чтобы избежать отправки ненужного JavaScript в браузер.

- Предоставление интерактивности на стороне клиента с помощью [тегов `<script>` на стороне клиента](/ru/guides/client-side-scripts/) или [компонентов UI фреймворка](/ru/guides/framework-components/).

- Управление [общим состоянием](/ru/recipes/sharing-state-islands/) с помощью Nano Stores или локального хранилища вместо хуков или обёрток приложений.

